﻿/*通用CSS开始*/
/*body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, input, button, textarea, p, blockquote, th, td, form {
    margin: 0;
    padding: 0;
}*/
/*body {
    font: 14px "微软雅黑",Tahoma,Arial,Helvetica,sans-serif;
    overflow-x: hidden;
}*/
.kui-form
{
    display:block;
}
.kui-form img {
    /*border: medium none;*/
    display: inline-block;
}
.kui-form em, .kui-form i {
    font-style: normal;
    font-weight: normal;
}
/*li {
    list-style: outside none none;
}*/
/*table {
    border-collapse: collapse;
    border-spacing: 0;
}*/


/*@font-face {
    font-family: "layui-icon";
    src: url("../font/iconfont.eot?#iefix") format("embedded-opentype"), url("../font/iconfont.woff") format("woff"), url("../font/iconfont.ttf") format("truetype"), url("../font/iconfont.svg#iconfont") format("svg");
}
.layui-icon {
    font-family: "layui-icon" !important;
    font-size: 16px;
    font-style: normal;
}*/
/*通用CSS结束*/



.kui-form-item
{
    position:relative;
    white-space: nowrap;
    font-size: 0;/*会影响内容元素的margin*/
    display:inline-block;
}
.kui-form-item input
{
     padding:0 0 0 8px;
}
.kui-form-item textarea
{
    padding:8px;
}
.kui-form-item label,.kui-form-item-label,.kui-form-item input,.kui-form-item>textarea{
    position:relative;
}
.kui-form-item label,.kui-form-item-label {
    background-color: #f8f8f8;
    border: 1px solid #dfdfdf;
    overflow: hidden;
    padding: 0 10px;
    text-align: center;
    text-overflow: ellipsis;
    /*width: 60px;*/
    display:inline-block;
    vertical-align:top;
}
.kui-form-radio-item{
    line-height:1px;/*在datagrid中上下不会对齐,加了这个就可以了*/
}
.kui-form-radio-item label,.kui-form-checkbox-item label{
    vertical-align:middle;
}
.kui-form-item>div{
    display:inline-block;
}
.kui-form-item>input {
    left: -1px;
    vertical-align:top;
}

.kui-form-item>input,.kui-form-item>textarea {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    color: #555;
    /*font-size: 14px;*/
    display:inline-block;
}
.kui-form-item.kui-textarea label {
    display: block;
    text-align: left;
}
.kui-form-item.kui-textarea>textarea
{
    top:-1px;
    margin:0;
}

/*下拉框开始*/
.kui-form-select {
    border: 1px solid #dfdfdf;
    /*height: 36px;*/
    margin-right: 10px;
    position: relative;
}
.kui-form-sltitle {
    cursor: pointer;
    /*height: 36px;
    line-height: 36px;*/
    padding: 0 40px 0 8px;
}
.kui-form-sltitle span {
    padding: 0;
}

.kui-form-sltitle .kui-edge {
    border-color: transparent;
    border-style: dashed;
    width: 0;
    height: 0;
    overflow: hidden;
    border-top: 6px solid #aaa;
    border-width: 6px;
    margin-top: -2px;
    position: absolute;
    right: 10px;
    top: 50%;
}
.kui-form-option {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    display: none;
    left: -1px;
    max-height: 200px;
    overflow-y: auto;
    position: relative;
    top: 0;
    width: 100%;
}
.kui-form-option li {
    /*height: 26px;
    line-height: 26px;*/
    position: relative;
}
.kui-form-option li a {
    display: block;
    padding: 0 8px;
    color:#444;
    text-decoration:none;
}
.kui-form-option li a:hover {
    background-color: #f7f7f7;
    color: #333;
}
/*下拉框结束*/

/*checkbox开始*/
.kui-form-checkbox
{
    display:inline-block;
}
.kui-form-checkbox-item
{
    cursor:pointer;
    display:inline-block;
    margin-left:10px;

}
.kui-form-checkbox-item.kui-first,.kui-form-checkbox-item.kui-line-start
{
    margin-left:0;
}
/*.kui-form-checkbox-item.first
{
    margin-left:0;
}*/
.kui-form-checkbox-item label {
    background-color: #dfdfdf;
    color: #fff;
    cursor: pointer;
    width: auto;
}
.kui-form-checkbox-item i {
    background-color:#fff;
    /*color: #fff;*/
    /*font-size: 32px;
    height: 36px;*/
    left: -1px;
    /*line-height: 36px;*/
    text-align: center;
    /*width: 36px;*/
    /*display:inline-block;*/
    vertical-align:top;
}
.kui-form-checkbox-item.kui-checked label {
    background-color: #5fb878;
    border: 1px solid #5fb878;
}
.kui-form-checkbox-item i.kui-nochecked {
    border: 1px solid #dfdfdf;
}
.kui-form-checkbox-item i.kui-checked {
    color: #5fb878;
    border: 1px solid #5fb878;
}
.kui-form-checkbox-item i.kui-nochecked {

    display:inline-block;
}
.kui-form-checkbox-item i.kui-checked {
    display:none;
}
.kui-form-checkbox-item.kui-checked i.kui-nochecked {
    display:none
}
.kui-form-checkbox-item.kui-checked i.kui-checked {
    display:inline-block;
}
/*checkbox结束*/

/*radio开始*/
.kui-form-radio
{
    display:inline-block;
}
.kui-form-radio-item
{
    cursor:pointer;
    display:inline-block;
    margin-left:10px;
}
.kui-form-radio-item.kui-first,.kui-form-radio-item.kui-line-start
{
    margin-left:0;
}
/*.kui-form-radio-item.first
{
    margin-left:0;
}*/
.kui-form-radio-item label {
    background-color: #dfdfdf;
    color: #fff;
    cursor: pointer;
    width: auto;
    display:inline-block;
    text-align: center;
    padding: 0 10px;
    border: 1px solid #dfdfdf;
}
.kui-form-radio-item i {
    border: 1px solid #dfdfdf;
    background-color:#fff;
    color: #dfdfdf;
    /*font-size: 25px;
    height: 36px;*/
    left: -1px;
    /*line-height: 36px;*/
    text-align: center;
    /*width: 36px;*/
    /*display:inline-block;*/
    margin-top:0;
    vertical-align:top;
}
.kui-form-radio-item i.kui-nochecked {
    display:inline-block;
}
.kui-form-radio-item i.kui-checked {
    display:none;
}
.kui-form-radio-item.kui-checked i.kui-nochecked {
    display:none
}
.kui-form-radio-item.kui-checked i.kui-checked {
    display:inline-block;
}
.kui-form-radio-item.kui-checked label {
    background-color: #5fb878;
    border: 1px solid #5fb878;
}

.kui-form-radio-item.kui-checked i {
    color: #5fb878;
    border: 1px solid #5fb878;
}
/*radio结束*/

/*按钮样式开始*/
.btn {
    -moz-user-select:none;
    background: #16a0d3 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Microsoft Yahei";
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    margin: 0 1px 0 0;
    padding: 0 20px;
}
.btn:hover {
    background: #117ea6 none repeat scroll 0 0;
    color: #fff;
    text-decoration: none;
}
.btn.green {
    background: #52a152 none repeat scroll 0 0;
}
.btn.green:hover {
    background: #328032 none repeat scroll 0 0;
}
.btn.yellow {
    background: #ff9c30 none repeat scroll 0 0;
}
.btn.yellow:hover {
    background: #c87316 none repeat scroll 0 0;
}
.btn.violet {
    background: #993333 none repeat scroll 0 0;
}
.btn.violet:hover {
    background: #990033 none repeat scroll 0 0;
}
.btn.brown {
    background-color: #eb5b4c;
}
.btn.brown:hover {
    background: #cd2e1d none repeat scroll 0 0;
}
.btn.blue{
    background-color:#3e94fe;
    /*border-color:#3984e5;*/
}
.btn.blue:hover{
    background-color:#2e81ea;
    /*border-color:1px solid #1f74df;*/
}
.btn.green2{
    background-color:#1ab394;
}
.btn.green2:hover{
    background-color:#18a689;
}
.btn .upload{

}
/*按钮样式结束*/